<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>哇噻网 全球优质设计师纯手工制作产品购物网站</title>
		<include file="__VIEW__/Common/header"/>
		<script type="text/javascript" src="__STATIC__/index/js/jquery.lazyload.min.js"></script>
		<script type="text/javascript" charset="utf-8">
		  $(function() {
		  	$("img.lazy").lazyload({
			  placeholder : "__STATIC__/index/img/loadingDog.gif", //用图片提前占位
			    // placeholder,值为某一图片路径.此图片用来占据将要加载的图片的位置,待图片加载时,占位图则会隐藏
			  effect: "fadeIn", // 载入使用何种效果
			    // effect(特效),值有show(直接显示),fadeIn(淡入),slideDown(下拉)等,常用fadeIn
			  threshold: 200, // 提前开始加载
			    // threshold,值为数字,代表页面高度.如设置为200,表示滚动条在离目标位置还有200的高度时就开始加载图片,可以做到不让用户察觉
		//	  event: 'click',  // 事件触发时才加载
			    // event,值有click(点击),mouseover(鼠标划过),sporty(运动的),foobar(…).可以实现鼠标莫过或点击图片才开始加载,后两个值未测试…
		//	  container: $("#container"),  // 对某容器中的图片实现效果
			    // container,值为某容器.lazyload默认在拉动浏览器滚动条时生效,这个参数可以让你在拉动某DIV的滚动条时依次加载其中的图片
		//	  failurelimit : 10 // 图片排序混乱时
			     // failurelimit,值为数字.lazyload默认在找到第一张不在可见区域里的图片时则不再继续加载,但当HTML容器混乱的时候可能出现可见区域内图片并没加载出来的情况,failurelimit意在加载N张可见区域外的图片,以避免出现这个问题.
			});
		  });
		</script>
		<!--头部结束-->
		<!--banner轮播图开始-->
		<div class="banner">
			<ul class="bannerLunbo">
				<li style="background: url(__STATIC__/index/img/banner1.jpg) no-repeat center center;"><a href=""></a></li>
				<li style="background: url(__STATIC__/index/img/banner2.jpg) no-repeat center center;"><a href=""></a></li>
				<li style="background: url(__STATIC__/index/img/banner3.jpg) no-repeat center center;"><a href=""></a></li>
				<li style="background: url(__STATIC__/index/img/banner4.jpg) no-repeat center center;"><a href=""></a></li>
				<li style="background: url(__STATIC__/index/img/banner5.jpg) no-repeat center center;"><a href=""></a></li>
			</ul>
			<a href="javascript:;" class="prev"></a>
			<a href="javascript:;" class="next"></a>
			<ul class="slider-nav">
				<li class="style"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<!--banner轮播结束-->
		<div style="background: #F6F6F6;">
		<!--当日精选开始-->
		<div class="container">
			<h2>当日精选</h2>
			<list from="$today" name="$n">
			<if value="$hd.list.n.last">
				<div class="container_list" style="margin-right: 0px;">
				<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
					<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal" />
					<div class="shopLabel hvr-grow-shadow">
						{$n.gname|hd_substr:'9','...'}
					</div>
				</a>
				</div>
			<else/>
				<div class="container_list">
					<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
						<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
						<div class="shopLabel hvr-grow-shadow">
							{$n.gname|hd_substr:'9','...'}
						</div>
					</a>
				</div>	
			</if>
			</list>
		</div>
		<!--当日精选结束-->
		<br />
		<!--男装推荐开始-->
		<div class="container">
			<h2>男装推荐</h2>
			<list from="$boys" name="$n" row="1">
				<div class="container_list">
					<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
						<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
						<div class="shopLabel hvr-grow-shadow">
							{$n.gname|hd_substr:'9','...'}
						</div>
					</a>
				</div>	
			</list>
			<!--大图-->
			<div class="container_list container_list_big">
				<a href="{|U:'Goods/index',array('gid'=>$boysBig['gid'])}">
					<img class="lazy" data-original="__STATIC__/Goods/20140928091106271.jpg" alt="" height="275" class="hvr-wobble-horizontal"/>
					<div class="shopLabel shopBigLabel hvr-grow-shadow">
						{$boysBig.gname|hd_substr:'30','...'}
					</div>
				</a>
			</div>
			<!--大图-->
			<list from="$boys" name="$n" start="1" >
				<if value="$hd.list.n.first or $hd.list.n.last">
				<div class="container_list" style="margin-right: 0px;">
				<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
					<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
					<div class="shopLabel hvr-grow-shadow">
						{$n.gname|hd_substr:'9','...'}
					</div>
				</a>
				</div>
				<else/>
				<div class="container_list">
					<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
						<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
						<div class="shopLabel hvr-grow-shadow">
							{$n.gname|hd_substr:'9','...'}
						</div>
					</a>
				</div>
				</if>
				
			</list>
		<!--男装推荐结束-->
		<!--设计精选开始-->
		<div class="container">
			<h2>女装推荐</h2>
			<list from="$girls" name="$n" row="1">
				<div class="container_list">
					<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
						<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
						<div class="shopLabel hvr-grow-shadow">
							{$n.gname|hd_substr:'9','...'}
						</div>
					</a>
				</div>	
			</list>
			<!--大图-->
			<div class="container_list container_list_big">
				<a href="{|U:'Goods/index',array('gid'=>$girlsBig['gid'])}">
					<img class="lazy" data-original="__STATIC__/Goods/shop_big.jpg" alt="" height="275" class="hvr-wobble-horizontal"/>
					<div class="shopLabel shopBigLabel hvr-grow-shadow">
						{$girlsBig.gname|hd_substr:'20','...'}
					</div>
				</a>
			</div>
			<!--大图-->
			<list from="$girls" name="$n" start="1" >
				<if value="$hd.list.n.first or $hd.list.n.last">
				<div class="container_list" style="margin-right: 0px;">
				<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
					<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
					<div class="shopLabel hvr-grow-shadow">
						{$n.gname|hd_substr:'9','...'}
					</div>
				</a>
				</div>
				<else/>
				<div class="container_list">
					<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
						<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
						<div class="shopLabel hvr-grow-shadow">
							{$n.gname|hd_substr:'9','...'}
						</div>
					</a>
				</div>
				</if>
			</list>
		</div>
		<!--设计精选结束-->
		<!--配饰开始-->
		<div class="container">
			<h2>
				配饰
				<!--<a href="" class="shangouMore"></a>-->
			</h2>
			<list from="$peishi" name="$n">
			<if value="$hd.list.n.index eq 4 or $hd.list.n.index eq 8">
				<div class="container_list" style="margin-right: 0px;">
				<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
					<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
					<div class="shopLabel hvr-grow-shadow">
						{$n.gname|hd_substr:'9','...'}
					</div>
				</a>
				</div>
			<else/>	
				<div class="container_list">
				<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
					<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
					<div class="shopLabel hvr-grow-shadow">
						{$n.gname|hd_substr:'9','...'}
					</div>
				</a>
				</div>
			</if>
			</list>
		</div>
		<!--配饰结束-->
		<!--总有些东西在激励着你-->
		<!--<div class="something">
			<h2>总有些东西在激励着你</h2>
			<div class="container_list">
				<a href="">
					<img class="lazy" data-original="__STATIC__/index/img/something.jpg" alt="" />
					<div class="shopLabel">
						日系流苏马丁单鞋
					</div>
				</a>
			</div>
			<div class="container_list">
				<a href="">
					<img class="lazy" data-original="__STATIC__/index/img/something.jpg" alt="" />
					<div class="shopLabel">
						日系流苏马丁单鞋
					</div>
				</a>
			</div>
			<div class="container_list" style="margin-right:0px ;">
				<a href="">
					<img class="lazy" data-original="__STATIC__/index/img/something.jpg" alt="" width="337" height="201"/>
					<div class="shopLabel">
						日系流苏马丁单鞋
					</div>
				</a>
			</div>
		</div>-->
		<div class="container">
			<h2>童装精选</h2>
			<list from="$child" name="$n">
			<if value="$hd.list.n.last">
				<div class="container_list" style="margin-right: 0px;">
				<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
					<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
					<div class="shopLabel hvr-grow-shadow">
						{$n.gname|hd_substr:'9','...'}
					</div>
				</a>
				</div>
			<else/>
				<div class="container_list">
					<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
						<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
						<div class="shopLabel hvr-grow-shadow">
							{$n.gname|hd_substr:'9','...'}
						</div>
					</a>
				</div>	
			</if>
			</list>
		</div>
		<!--总有些东西在激励着你-->
		<!--他们会让你生活更有创意-->
		<!--<div class="them">
			<h2>
				他们会让你生活更有创意<a href="" class="themMore"></a>
			</h2>
			<ul>
				<li class="themLeft">
					<a href=""> <img class="lazy" data-original="__STATIC__/index/img/themLeft.jpg" alt="" /> </a>
					<div class="zhezhao">
						<div></div>
						<p>
							<img class="lazy" data-original="__STATIC__/index/img/DesMore.png" alt="" />
							<span>岛屿</span>
						</p>
					</div>
				</li>
				<li class="themLeft">
					<a href=""> <img class="lazy" data-original="__STATIC__/index/img/themLeft.jpg" alt="" /> </a>
					<div class="zhezhao">
						<div></div>
						<p>
							<img class="lazy" data-original="__STATIC__/index/img/DesMore.png" alt="" />
							<span>岛屿</span>
						</p>
					</div>
				</li>
				<li class="themRight">
					<a href=""> <img class="lazy" data-original="__STATIC__/index/img/themRight.jpg" alt="" /> </a>
					<div class="zhezhao">
						<div></div>
						<p>
							<img class="lazy" data-original="__STATIC__/index/img/DesMore.png" alt="" />
							<span>岛屿</span>
						</p>
					</div>
				</li>
				<li class="themRight">
					<a href=""> <img class="lazy" data-original="__STATIC__/index/img/themRight.jpg" alt="" /> </a>
					<div class="zhezhao">
						<div></div>
						<p>
							<img class="lazy" data-original="__STATIC__/index/img/DesMore.png" alt="" />
							<span>岛屿</span>
						</p>
					</div>
				</li>
			</ul>
		</div>-->
		<div class="container">
			<h2>家居日用</h2>
			<list from="$home" name="$n">
			<if value="$hd.list.n.last">
				<div class="container_list" style="margin-right: 0px;">
				<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
					<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
					<div class="shopLabel hvr-grow-shadow">
						{$n.gname|hd_substr:'9','...'}
					</div>
				</a>
				</div>
			<else/>
				<div class="container_list">
					<a href="{|U:'Goods/index',array('gid'=>$n['gid'])}">
						<img class="lazy" data-original="__ROOT__/{$n.pic}" alt="" width="242" height="242" class="hvr-wobble-horizontal"/>
						<div class="shopLabel hvr-grow-shadow">
							{$n.gname|hd_substr:'9','...'}
						</div>
					</a>
				</div>	
			</if>
			</list>
		</div>
		<!--他们会让你生活更有创意-->
		</div>
		<!--加入变革，焕新自我-->
		<!--<div class="us">
			<h2>加入变革，焕新自我</h2>
			<div class="container_list">
				<a href="">
					<img class="lazy" data-original="__STATIC__/index/img/something.jpg" alt="" />
					<div class="shopLabel">
						日系流苏马丁单鞋
					</div>
				</a>
			</div>
			<div class="container_list">
				<a href="">
					<img class="lazy" data-original="__STATIC__/index/img/something.jpg" alt="" />
					<div class="shopLabel">
						日系流苏马丁单鞋
					</div>
				</a>
			</div>
			<div class="container_list" style="margin-right:0px ;">
				<a href="">
					<img class="lazy" data-original="__STATIC__/index/img/something.jpg" alt="" width="337" height="201"/>
					<div class="shopLabel">
						日系流苏马丁单鞋
					</div>
				</a>
			</div>
		</div>-->
		<!--加入变革，焕新自我-->
		<!--设计墙-->
		<div class="design">
			<h2>设计品牌墙</h2>
			<div class="brand">
				<list from="$brandData" name="$b" rows="12">
					<a href=""><img src="__ROOT__/{$b.blogo}" alt="{$b.bname}" width="160" class="hvr-grow-shadow"/></a>
				</list>
			</div>
		</div>
		<!--设计墙-->
		<div class="clear"></div>
		<!--底部开始-->
		<include file="__VIEW__/Common/footer"/>
